<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//KO">
<html>
  <head>
    <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="/media/css/main.css" />
    <link rel="stylesheet" type="text/css" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" />
    <script type="text/javascript" src="/media/js/jquery.js"></script>
    <script type="text/javascript" src="/media/js/jquery_ui_tabs.js"></script>
    <script>
      $(document).ready(function(){
        $("#tabmenu > ul").tabs();
      });
    </script>
    {% block javascript %}{% endblock %}
  </head>
  <body>
    <div id="statusbar">
      {% if username %}
      <span class='greeting'>
        Hi, <a href="/user/{{ username }}">{{ username }}</a>
      </span>
      <span class='logout'>
	<a href="/logout">logout</a>
      </span>
      <span class='topmenu'>
	<a href="/userlist">userlist</a>
      </span>
      {% endif %}
      <span class="search">
	<a href="#">Artist Search</a>
      </span>
      <span class="worldmap">
	<a href="#">Artist' Worldmap</a>
      </span>
    </div>
    <div id="frame">
      {% block content %}{% endblock %}
    </div>
  </body>
</html>
